/* 公用样式表 */
.fl{
    float: left;
}
.fr{
    float: right;
}

/* 清除浮动 */
/* 清除盒子与盒子之间进行浮动的情况----早期用的多 */
.clear{
    clear: both;
}

/* 清除固定结构的浮动  如：ul的li */
.clearfix:after{
    content: '';
    display: block;
    height: 0;
    clear: both;
}

/* 定位 */
.rel{
    position: relative;
}
.abs{
    position: absolute;
}

/* 版心  固定宽度，让重点内容水平居中 */
.container{
    width: 1200px;
    margin: 0 auto;
}

/* css样式组件：  定义成类名，主要用于其他页面使用比较多的样式 */
.mt20{
    margin: 20px;
}
.mt14{
    margin-top: 14px;
    width: 160px;
}
.mt15{
    margin-top: 14px;
}
.ml30{
    margin-left: 30px;
}
.mr30{
    margin-right: 30px;
}

.tcenter{
    text-align: center;
}
.ml20{
    margin-left: 20px;
}
.fs12{
    font-size: 12px
}
